<script setup lang="ts">
import DemoBox from '@/components/DemoBox/DemoBox.vue';
import TextCode from './Text.vue?raw';
import Text from './Text.vue';
import ClearableCode from './Clearable.vue?raw';
import PasswordCode from './Password.vue?raw';
import Clearable from './Clearable.vue';
import PageLayout from '@/components/PageLayout.vue';
import Password from './Password.vue';
</script>

<template>
    <PageLayout>
        <DemoBox :code="TextCode" title="文本框">
            <Text />
            <template #description> 文本框</template>
        </DemoBox>
        <DemoBox :code="ClearableCode" title="可清除">
            <Clearable />
            <template #description> 文本框</template>
        </DemoBox>

        <DemoBox :code="PasswordCode" title="明码触发条件">
            <Password />
            <template #description> 文本框</template>
        </DemoBox>
    </PageLayout>
</template>
